<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font</title>
    <style type="text/css">
        p{
            font-size: 2em;
            margin: 0;
        }
        .ff1{
            font-family: Georgia,"Times New Roman",Times,serif;
        }
        .ff2{
            font-family: Verdana,Geneva,SansSerif;
        }
        .ff3{
            font-family: "courier new",couier,monospace;
        }
        .ff4{
            font-family: cursive;
        }
        .ff5{
            font-family: fantasy;
        }
        .fs1{
            font-style: normal;
        }
        .fs2{
            font-style: italic;
        }
        .fs3{
            font-style: oblique;
        }
        .fw1{
            font-weight: normal;
        }
        .fw2{
            font-weight: bold;
        }
        .fw3{
            font-weight: 900;
        }
    </style>
</head>
<body>
<p>通用字体：</p>
<p class="ff1">This is a paragraph. 这是一个段落</p>
<p class="ff2">This is a paragraph. 这是一个段落</p>
<p class="ff3">This is a paragraph. 这是一个段落</p>
<p class="ff4">This is a paragraph. 这是一个段落</p>
<p class="ff5">This is a paragraph. 这是一个段落</p>
<p>字体风格：</p>
<p class="fs1">This is a paragraph. 这是一个段落</p>
<p class="fs2">This is a paragraph. 这是一个段落</p>
<p class="fs3">This is a paragraph. 这是一个段落</p>
<p>字体风格：</p>
<p class="fw1">This is a paragraph. 这是一个段落</p>
<p class="fw2">This is a paragraph. 这是一个段落</p>
<p class="fw3">This is a paragraph. 这是一个段落</p>
</body>
</html>